<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
			name="viewport">
		<meta charset="UTF-8">
		<title>合肥婚纱摄影-合肥婚纱照-合肥金夫人集团官网</title>
		<meta content="telephone=no" name="format-detection" />
		<meta content="no-cache" http-equiv="pragma">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="/public/css/amazeui.min.css">
		<link rel="stylesheet" href="/public/css/jquery.bxslider.css">
		<link rel="stylesheet" href="/public/css/style.css">
		<link rel="stylesheet" href="/public/css/index.css">
		<link href="/public/css/animate.css" rel="stylesheet" />
		<link href="/public/css/nav.css" rel="stylesheet" />
		<link href="/public/css/modify2.css" rel="stylesheet" />
		<script src="/public/js/jquery.js"></script>
		<style>
			.slider-top{
				margin-top: 0;
			}
			.slider-top img {
				width: 100%;
			}
		</style>
		
		<script src="/public/js/vue.js"></script>
		<!-- 引入element样式 -->
		<link href="/public/css/element.min.css" rel="stylesheet" />
		<!-- 引入element组件库 -->
		
		<script src="/public/js/element.min.js"></script>
		
		<script src="/public/js/axios.min.js"></script>
		<script src="/public/js/jquery.bxslider.js"></script>
	</head>
	
	<body id="body-wrap">
		<!--main-->
		<div class="home" id="homeVue">
			<header id="layout-header">

				<nav class="index-nav" id="index-nav">
					<ul class="m-1200 ul-list">
						<li class="nli active">
							<a href="/api/front/qianduan/index" target="_self" class="n-a">
								<p class="nli-p">首页</p>
								<span class="nli-span">Home</span>
							</a>
						</li>
	
						<li class="nli ">
							<a href="/api/front/qianduan/custom" target="_self"
							   class="n-a">
								<p class="nli-p">客片赏析</p>
								<span class="nli-span">GuestPhoto</span>
							</a>
						</li>
						<li class="nli ">
							<a href="/api/front/qianduan/case" target="_self"
                               class="n-a">
								<p class="nli-p">风格大赏</p>
								<span class="nli-span">ModelPhoto</span>
							</a>
						</li>
						<li class="nli ">
							<a href="/api/front/qianduan/user" target="_self"
							   class="n-a">
								<p class="nli-p">个人中心</p>
								<span class="nli-span">PersonalCenter</span>
							</a>
						</li>
					</ul>
				</nav>
	
			</header>
			<section class="am-nbfc home-slider-wrap">
				<div class="slider-top">
					<el-carousel height="640px">
						<el-carousel-item v-for="(item,index) in bannerList" :key="item.id">
							<img :src="httpImgUrl+item.imgurl" style="width: 100%;"/>
						</el-carousel-item>
					</el-carousel>
				</div>
				<img class="i-icon-1" src="/public/images/golden-ladies.png" alt="">
			</section>
			

			<section class="am-nbfc">
				<div class="icon-1">
					<img src="/public/images/location-2.png">
				</div>
				<img class="icon-2" src="/public/images/location-3.png">
				<!--2列-->
				<ul class="location-2 am-avg-md-2 am-thumbnails">
					<li v-for="item in jidiList" :key="item.id">
						<div class="am-thumbnail location-2-i">
							<div>
								<img :src="httpImgUrl+item.imgurl" style="width: 100%;"/>
							</div>
							<div class="location-2-desc">
								<p class="location-i-msg">{{item.name}}</p>
							</div>
						</div>
					</li>

				</ul>
				
				<img class="i-icon-2" src="/public/images/golden-ladies.png">
			</section>


			<section class="am-nbfc" style="background:#f9f9f9;">
				<div class="icon-1">
					<img src="/public/images/g-t.png" alt="">
				</div>
				<img class="icon-gallery" src="/public/images/g-sub.png" alt="">
				<ul class="gallery-l am-avg-md-4 am-thumbnails lazyload-container">
					<li v-for="item in kepianList" :key="item.id">
						<div class="am-thumbnail gallery-i">
							<a href="" target="_self">
								<img :src="httpImgUrl+item.imgurl" alt=""/>
							</a>
							<div>
								<h4 class="margin-0">{{item.rq}}</h4>
								<p style="margin-bottom:2px;">{{item.name}}</p>

							</div>
						</div>
					</li>
				</ul>
				<div class="line-g-1"></div>
			</section>
			<section class="am-nbfc" style="background:#f9f9f9;">
				<div class="icon-1">
					<img src="/public/images/sample-t.png" alt="">
				</div>
				<img class="icon-gallery" src="/public/images/g-sub.png" alt="">
				<ul class="gallery-l am-avg-md-4 am-thumbnails lazyload-container">
					<li v-for="item in fenggeList">
						<div class="am-thumbnail gallery-i">
							<a href="" target="_self">
								<img :src="httpImgUrl+item.imgurl" alt=""/>
							</a>
							<div>
								<h4 class="margin-0">{{item.name}}</h4>

							</div>
						</div>
					</li>
					
				</ul>
			
			</section>

		</div>
		<link href="/public/css/jquery.fancybox.css" rel="stylesheet" type="text/css" />
		<script src="/public/js/jquery.fancybox.pack.js" type="text/javascript"></script>
		
		
		<script src="/public/js/style.js"></script>
		<script src="/public/js/service.js"></script>
		<script src="/public/js/index.js"></script>
		<script src="/public/js/slider.js"></script>
		<script src="/public/js/http.js"></script>
		
		<script>
			var vue=new Vue({
				el:'#homeVue',
				data:{
					bannerList:[],
					jidiList:[],
					kepianList:[],
					fenggeList:[],
					httpImgUrl:httpImgUrl
				},
				created(){
					this.getList()
					this.getJidi()
					this.getKePian()
					this.getFengGe()
				},
				methods:{
					getList(){
						MyAxios.get('/api/front/lunbotu/list', {type:1}).then((response)=> {
							if(response.msgcode===0){
								this.bannerList=response.data
							}else{
								this.$message.error(response.msg);
							}
						})
						.catch(function (error) {
							this.$message.error(error);
						});
					},
					getJidi(){
						MyAxios.get('/api/front/sheyingjidi/list',{}).then((response)=> {
							if(response.msgcode===0){
								this.jidiList=response.data
							}else{
								this.$message.error(response.msg);
							}
						})
						.catch(function (error) {
							this.$message.error(error);
						});
					},
					getKePian(){
						MyAxios.get('/api/front/zhenshikezhao/list',{num:8}).then((response)=> {
							if(response.msgcode===0){
								this.kepianList=response.data
							}else{
								this.$message.error(response.msg);
							}
						})
						.catch(function (error) {
							this.$message.error(error);
						});
					},
					getFengGe(){
						MyAxios.get('/api/front/fenggedashan/list',{num:8}).then((response)=> {
							if(response.msgcode===0){
								this.fenggeList=response.data
							}else{
								this.$message.error(response.msg);
							}
						})
						.catch(function (error) {
							this.$message.error(error);
						});
					},
				}
			})
		
		</script>
	</body>

</html>